<template>
  <div class="content">
    <div class="tosearch">
      <i class="iconfont icon-fangdajing"></i>
      <div class="tosearch-keyword">
        <input type="text" placeholder="神奇校车" class="tosearch-keyword-input">
        <i class="iconfont icon-iconfontscan"></i>
      </div>
    </div>
    <div class="message">
      <i class="iconfont icon-xiaoxi"></i>
    </div>
  </div>
</template>

<script setup lang='ts'>
</script>

<style lang='scss' scoped>
@import '@/assets/css/common.scss';
.content {
  @extend .multiplex-content;
  .tosearch {
    @extend .multiplex-tosearch;
    .icon-fangdajing {
      font-size: .315rem;
      margin: 0 .21rem;
    }
    &-keyword {
      display: flex;
      align-items: center;
      gap: .2rem;
      width: 3.5rem;
      height: .635rem;
      font-size: .36rem;
      &-input {
        height: .4rem;
        width: 2.7rem;
        background: none;
        border: none;
      }
      .icon-iconfontscan {
        font-size: .3rem;
      }
    }
  }
  .message {
    width: .76rem;
    .icon-xiaoxi {
      font-size: .37rem;
    }
  }
}
</style>
